﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Heatduino</title>
    
    <link type="text/css" href="css/style.css" rel="stylesheet" media="All" />
    <!--[if lt IE 9]><script src="scripts/html5shiv.js"></script><![endif]-->
</head>
<body>
    <device>
        <logo /></logo>
        <screen>
            <temperature id="temperature">120</temperature>
            <tempunit id="tempunits">°F</tempunit>
            <time id="currenttime">00<span class="separator">:</span>00</time>
            <date id="currentdate">oct-3, 2012</date>
            <nightmode id="nightmode"></nightmode>
            <systemmode id="systemmode"></systemmode>
        </screen>

        <controls>
            <block class="temperature">
                <h2>Temperature</h2>
                <div class="buttons">
                    <button class="up" id="btnTempUp"><symbol></symbol></button>
                    <button class="down" id="btnTempDown"><symbol></symbol></button>
                </div>
            </block>

            <block class="system-mode">
                <h2>System Mode</h2>
                <div class="button-set">
                    <button class="home set" id="btnModeHome"><symbol></symbol></button>
                    <button class="away" id="btnModeAway"><symbol></symbol></button>
                </div>
            </block>

            <block class="night-mode">
                <h2>Night Saving</h2>
                <div class="button-set">
                    <button class="on set" id="btnNightOn">ON</button>
                    <button class="off" id="btnNightOff">OFF</button>
                </div>
            </block>

        </controls>
    </device>

    <script src="scripts/heatduino.js"></script>
</body>
</html>